<template>
  <div>
    <Table :tableData="tableData" selection @btnClick="btnClick" />
    <Pagination :total="tableData.row.length" />
  </div>
</template>

<script>
import Table from '@/components/Table'
import Pagination from '@/components/Pagination'
export default {
  components: {
    Table,
    Pagination
  },

  data() {
    return {
      tableData: {
        col: [
          {
            prop: 'colA',
            label: '序号'
          },
          {
            prop: 'colB',
            label: '专用APN名称'
          },
          {
            prop: 'colC',
            label: '产品订购编码'
          }
        ],
        row: [
          {
            colA: '6856',
            colB: 'COMMIT',
            colC: '2020218976'
          },
          {
            colA: '6857',
            colB: 'COMMITBOSS',
            colC: '2020215566'
          },
          {
            colA: '6858',
            colB: 'COMMITAGE.COM',
            colC: '20202188568'
          }
        ]
      }
    }
  },

  methods: {
    btnClick() {
      this.$emit('hanlePer', true)
    }
  }
}
</script>

<style lang="scss" scoped></style>
